html,body{
  width: 100%;
  height: 100%;
}
.login-page{
  width: 100%;
  height: 100%;
  background: url('../img/login-b.png') center center / 100% 100% no-repeat;
  position: relative;
}
.logo{
  position: absolute;
  top: .2604rem;
  left: 1.151rem;
  display: flex;
  align-items: center;
}
.logo-i{
  width: .6979rem;
  height: .1458rem;
}
.logo-text{
  font-size: .1458rem;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #FFFFFF;
  margin-left: .1354rem;
}
.version{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: .2969rem;
  left: 0;
  font-size: .0729rem;
  font-family: PingFang SC;
  font-weight: 300;
  color: #FFFFFF;
}
.login-card{
  width: 2.2917rem;
  height: 2.36rem;
  background: rgba();
  box-shadow: 0px 10px 20px 0px rgba(6, 118, 243, 0.2000);
  position: absolute;
  right: 3.5625rem;
  top: 50%;
  transform: translate(0,-50%);
}
.h-select{
  width: 100%;
  height: .4208rem;
  box-sizing: border-box;
  padding: 0 .3688rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .276rem;
}
.admin-text{
  font-size: .1354rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cooperator-text{
  font-size: .1354rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.current-admin{
  color: #386AFF;
}
.form-card{
  width: 1.7708rem;
  height: 1.5104rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.admin-form{
  width: 100%;
  height: 100%;
}
.input-f{
  width: 100%;
  height: .25rem;
  background: #F7F6F9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: .1302rem;
  font-size: 0.075rem;
}
.user-i{
  margin: 0 .0521rem;
  width: .1042rem;
  height: .1042rem;
  background: url('../img/user-i.png') center center / 100% 100% no-repeat;
}
.password-i{
  margin: 0 .0521rem;
  width: .1042rem;
  height: .1042rem;
  background: url('../img/password-i.png') center center / 100% 100% no-repeat;
}
.check-i{
  margin: 0 .0521rem;
  width: .1042rem;
  height: .1042rem;
  background: url('../img/check-i.png') center center / 100% 100% no-repeat;
}
.form_input{
  height: 100%;
}
.check-f{
  width: 100%;
  height: .25rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.check-input-f{
  height: .25rem;
  background: #F7F6F9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: calc(100% - .625rem);
}
.check-img{
  width: .625rem;
  height: 100%;
}
.login-submit{
  width: 100%;
  height: .3125rem;
  background: linear-gradient(90deg, #396AFF, #1384F7);
  border-radius: .1042rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .125rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: .1875rem;
}
.register-a{
  margin-top: .2135rem;
  display: none;
  width: 100%;
  font-size: .0938rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #333333;
  text-align: center;
}
.register-text{
  color: #396AFF;
  cursor: pointer;
}
.register-card{
  display: none;
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 2.0833rem;
  height: 3.125rem;
  background: white;
  box-shadow: 0px 10px 20px 0px rgba(6, 118, 243, 0.2000);
}
.cooperation-register{
  width: 100%;
  text-align: center;
  font-size: .1354rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  margin: .1563rem 0;
}
.register-form{
  width: 1.7708rem;
  height: 2.3854rem;
  margin: 0 auto;
  position: relative;
}
.input-register{
  width: 100%;
  height: .25rem;
  background: #F7F6F9;
  border-radius: .0208rem;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  margin-bottom: .0781rem;
  position: relative;
}
.lable{
  font-size: .0521rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  margin-left: .1354rem;
  width: .3906rem;
}
.form_input-register{
  margin-left: .125rem;
}
.form_input-ip{
  margin-left: .125rem
}
.ip-add-i{
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0,-50%);
  width: .1146rem;
  height: .1146rem;
  background: url('../img/add-i.png') center center / 100% 100% no-repeat;
}
.ip-del-i{
  position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    width: .1146rem;
    height: .1146rem;
    background: url('../img/del-i.png') center center / 100% 100% no-repeat;
}
.register-submit{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.7656rem;
  height: .3125rem;
  font-size: .125rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #396AFF, #1384F7);
  border-radius: .0208rem;
  cursor: pointer;
}